<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <link rel="stylesheet" href="/static/css/index.css">
</head>
<body>
<div style="padding: 20px;">在线点餐系统</div>
<div style="width: 100px;height: auto; padding:20px ">
    <div id="USER">
        <div   th:if="${session.USER}" th:object="${session.USER}">
            用户名：<span id="Uname" th:text="*{uname}"></span><br>
            账户： <span id="account" th:text="*{account}"></span>元<br>
            <button id="add">充值</button>
        </div>
    </div>

<div th:if="!${session.USER}">
  <a href="login.html">请登录</a>
  </br>
  <a href="submit.html">免费注册</a>
</div>



    <div th:if="${session.USER}">
      <a id="toshop" href="shopSubmit.html">
        成为商家
      </a>
      <form action="/logout" method="get">
      <button type="submit">退出登录</button>
      </form>
    </div>
    </div>

<div th:if="${session.USER}" id="content" style="background-color:#EEEEEE;height:100%;width:1200px;position: relative;top: -100px;left:250px;  ">
    <div id="searchInput">
        <input type="text" id="shopName" placeholder="按商店名搜索">
        <button id="search">搜索</button>
    </div>
    <table id="show" width="600px" style="border: solid; border-spacing: 0;border-collapse: collapse;">

    </table>
    <table id="NoPayBill" width="600px" style="border: solid; border-spacing: 0;border-collapse: collapse;position: relative;top: -200px;left:600px; "></table>
    <table id="payBill" width="600px" style="border: solid; border-spacing: 0;border-collapse: collapse;position:relative;top: -50px;left:600px;"></table>

</div>
<div>

</div>

<script src="/static/js/index.js" type="text/javascript"></script>
</body>
</html>